<template>
	<view class="content">
		<view class="head-portrait-box flex common-bgc">
			<image src="../../static/recommend1.png" ></image>
			<view class="name-text one-space">
				抖音用户
			</view>
		</view>
		
		<view class="menu-box">
			<view class="menu-col flex bg_ffffff" @tap="toPages('/pages/my/history?user_id=' + userInfo.user_id + '&openid=' + userInfo.openid)">
				<image src="../../static/ask.png" mode=""></image>
				<text>AI导师</text>
			</view>
			<view class="menu-col flex bg_ffffff" @tap="toPages(isBusiness == 0 ? ('/pages/my/cooperation?user_id=' + userInfo.user_id + '&openid=' +userInfo.openid) : ('/pages/my/generalize/index?user_id=' + userInfo.user_id + '&openid=' +userInfo.openid))">
				<image src="../../static/actual.png" mode=""></image>
				<text>投诉建议</text>
			</view>
			<view class="menu-col flex bg_ffffff">
				<image src="../../static/search_help.png" mode=""></image>
				<text>当前版本</text>
			</view>
		</view>
		<loading :isLoadindShow="isLoadindShow"></loading>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isLoadindShow: false,
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	@import '~@/common/less/comLess.less';
	.content {
		min-@{ht}: 100%;
		@{fs}: 28upx;
		color: #333;
		@{bg}: #F2F2F2;
		@{ht}: calc(100vh);
		
	}
	.head-portrait-box {
		@{pa}: 50upx 30upx;
		@{ht}: 150upx;

		image {
			@{wd}: 150upx;
			@{ht}: 150upx;
			@{bo}-radius: 50%;
		}

		.name-text {
			@{wd}: 500upx;
			@{pa}-@{lf}: 30upx;
			line-@{ht}: 150upx;
			@{fs}: 36upx;
		}
	}
	
	.menu-box {
		@{ma}: 30upx;
	
		// box-shadow: 0 0 6upx 2upx #dfdfdf;
		.menu-col {
			@{ht}: 88upx;
			line-@{ht}: 88upx;
			@{ma}-bottom: 30upx;
			padding: 0 20upx;
			border-radius: 10upx;
	
			image {
				@{wd}: 50upx;
				@{ht}: 50upx;
				@{ma}-top: 20upx;
			}
	
			text {
				@{ma}-left: 20upx;
				color: #666;
			}
		}
	}
</style>
